import React from 'react'
import { UserOutlined } from '@ant-design/icons';
import { Avatar, Button } from 'antd';
import './Myattention.css';
import design1 from '../images/非遗文创产品2.jpg';
import design2 from '../images/非遗文创产品3.jpg';
import design3 from '../images/纸巾盒.jpg';
import design4 from '../images/壁纸.jpg';


const Myattention = () => {

    return (
        <div className="attention_box">
            <div className='attention_item'>
                <Avatar size={42} icon={<UserOutlined />} className='at_designer_avatar'/>
                <div className='my_at_designer'>
                    <div className='at_designer_name'>我想静静</div>
                    <div className='at_designer_motto'>个性签名</div>
                    <Button type="dashed" danger ghost className='at_designer_seek'>在线咨询</Button>
                    <Button type="dashed" danger ghost className='at_designer_seek'>移除</Button>
                </div>
                <div className='designer_design'>
                    <img src={design1}/>
                    <img src={design3}/>
                    <img src={design2}/>
                </div>
            </div>
            <div className='attention_item'>
                <Avatar size={42} icon={<UserOutlined />} className='at_designer_avatar'/>
                <div className='at_designer'>
                    <div className='at_designer_name'>好好学习……</div>
                    <div className='at_designer_motto'>个性签名：天天向上</div>
                    <Button type="dashed" danger ghost className='at_designer_seek'>在线咨询</Button>
                    <Button type="dashed" danger ghost className='at_designer_seek'>移除</Button>
                </div>
                <div className='designer_design'>
                    <img src={design1}/>
                    <img src={design4}/>
                    <img src={design2}/>
                </div>
            </div>
        </div>
    )
}

export default Myattention;